<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Video</title>
</head>
<body>

<video src="http://www.w3school.com.cn/i/movie.ogg"  width="320" height="240" controls="controls" autoplay="autoplay">
    Your browser does not support the video tag.
</video>
<br/>
<div align="center">
    <button onclick="onPlay()">播放</button>
    <button onclick="makeBig()">变大</button>
    <button onclick="makeNormal()">普通</button>
    <br/>
    <video id="video" width="320" height="240" style="margin-top: 15px;" loop="loop">
        <source src="http://www.w3school.com.cn/example/html5/mov_bbb.mp4" />
        Your browser does not support the video tag.
    </video>
</div>
<script type="text/javascript" >
    var video = document.getElementById("video")
    function onPlay() {
        if (video.paused) {
            video.play();
        }else {
            video.pause();
        }
    }

    function makeBig() {
        video.width = 640
        video.height = 480
    }

    function makeNormal() {
        video.width = 320
        video.height = 240
    }
</script>

<!--<script>-->
<!--var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth-->
<!--var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight-->
<!--document.write("浏览器尺寸是: " + width + " * " + height + "<br/>")-->
<!--document.write("当前url是: " + location.href + "<br/>")-->

<!--function loadNew(url) {-->
<!--location.assign(url)-->
<!--}-->
<!--</script>-->
<!--<input type="button" onclick="loadNew('http://www.yhfund.com.cn')" value="加载新文档">-->
</body>
</html>